Hướng dẫn đặt quảng cáo Adsense vào giữa bài viết trong Blogspot
Hầu hết với các vị trí đặt quảng cáo adsense ở các vị trí sidebar, bên trái, bên phải, trên cùng hoặc ở dưới các bạn đều có thể dễ dàng chèn quảng cáo vào blog được. Tuy nhiên, việc đặt mã code adsense vào mọi vị trí trong bài viết là điều không hề đơn giản đối với những bạn chưa am hiểu sâu về lập trình code.
Hiểu được điều đó nên mình đã viết bài này để hướng dẫn chi tiết cho các bạn cách đặt adsense vào vị trí tùy thích trong bài viết blogspot vô cùng đơn giản, làm theo từng bước chắc chắn ai cũng có thể làm được nhé.
Trước khi tiếp tục, các bạn cần sao lưu mẫu của mình lại để đề phòng bạn triển khai mã không đúng mà còn phục hồi lại nhé.
Bước 1: Chuyển đổi mã code adsense của bạn sang dạng text văn bản thuần túy
Các bạn vào trang này: http://helplogger.blogspot.com/2012/03/adsense-ad-code-converter.html
Pass đoạn code từ adsense vào đó và bấm convert
Sau khi convert đoạn mã adsense sang dạng text văn bản thuần túy thì bạn hãy Copy đoạn code đó để lát nữa chèn vào template blogspot của bạn.
Tiếp theo bạn hãy vào Template của bạn và bấm chọn “Edit HTML” và bấm phím tắt Ctrl+F để tìm đoạn code như dưới đây:
<data:post.body/>
Bước 2: Các bạn xóa bỏ dòng code <data:post.body/> vừa tìm được:
và dán đoạn code dưới đây vào chỗ vừa xóa.
<div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div style="clear:both; margin:10px 0">
<!-- Đặt mã quảng cáo adsense của bạn ở đây -->
</div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
Bước 3: Các bạn thay dòng này
<!-- Đặt mã quảng cáo adsense của bạn ở đây -->
thành đoạn mã adsense mà khi nãy bạn đã convert sau đó bạn bấm lưu template lại.
Bước 4: Hiển thị quảng cáo adsense ở vị trí bạn muốn trong bài viết
Khi bạn đăng bài viết mới, bạn hãy đêm đoạn code này
<!-- adsense -->
Các bạn có thể xem video cách chèn mã code quảng cáo adsense vào website cho dễ hình dung nhé.